import { Layout, Menu, Breadcrumb } from 'antd';
const Tom = () => (
    <div>
      <Breadcrumb style={{ margin: '16px 0' }}>
          <Breadcrumb.Item>User</Breadcrumb.Item>
          <Breadcrumb.Item>Tom</Breadcrumb.Item>
      </Breadcrumb>
      <h2>Tom</h2>
    </div>
  );
  
  const Bill = () => (
    <div>
      <Breadcrumb style={{ margin: '16px 0' }}>
          <Breadcrumb.Item>User</Breadcrumb.Item>
          <Breadcrumb.Item>Bill</Breadcrumb.Item>
      </Breadcrumb>
      <h2>Bill</h2>
    </div>
  );
  
  const Alex = () => (
    <div>
      <Breadcrumb style={{ margin: '16px 0' }}>
          <Breadcrumb.Item>User</Breadcrumb.Item>
          <Breadcrumb.Item>Alex</Breadcrumb.Item>
      </Breadcrumb>
      <h2>Alex</h2>
    </div>
  );
  const Team1 = () => (
    <div>
      <Breadcrumb style={{ margin: '16px 0' }}>
          <Breadcrumb.Item>Team</Breadcrumb.Item>
          <Breadcrumb.Item>Team 1</Breadcrumb.Item>
      </Breadcrumb>
      <h2>Team1</h2>
    </div>
  );
  const Team2 = () => (
    <div>
      <Breadcrumb style={{ margin: '16px 0' }}>
          <Breadcrumb.Item>Team</Breadcrumb.Item>
          <Breadcrumb.Item>Team 2</Breadcrumb.Item>
      </Breadcrumb>
      <h2>Team 2</h2>
    </div>
  );
export const routes = [
    {
        path: '/user/tom',
        component: Tom
    },
    {
        path: '/user/bill',
        component: Bill
    },
    {
        path: '/user/alex',
        component: Alex
    },
    {
        path: '/team/team1',
        component: Team1
    },
    {
        path: '/team/team2',
        component: Team2
    },
]

// export const secroutes=[
//     {
//         path: '/home/dashboard',
//         component: DashBoard
//     },
//     {
//         path: '/home/list',
//         component: List
//     },
//     {
//         path: '/home/setting',
//         component: Setting
//     }
// ]